<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>箭头函数</h1>
    <script>
        var add = (a, b) => {
            console.log(a + b);
            // return a + b
        }
        console.log(add(100, 200));
        // 箭头函数参数如果只有一个, 可以省略(), 
        // 函数体如果只有一行代码, 可以省略{}, 并且会自动将这一行代码的执行结果作为返回值
        var fn = a => a * 100
        // var fn=(a)=>{
        //     return a*100
        // }
        console.log(fn(100));

        // 箭头函数内部this会跟随父级作用域
        var fn2 = () => {
            // 箭头函数内部没有arguments关键词
            // console.log(arguments,'arguments');
            console.log(this, 'this');
        }
        fn2()


    </script>
</body>

</html>